<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>首页</title>
  <link rel="stylesheet" href="./css/common.css">
  <link rel="stylesheet" href="./css/index.css">
</head>
<body>
  <div class="mbuy-layout">
      <!-- 头部 -->
      <div class="mbuy-header">
        <div class="logo"></div>
        <div class="app"></div>
      </div>
      <!-- 搜索 -->
      <div class="mbuy-search">
        <input type="search" id="search" placeholder="请输入你想比价的商品">
        <input type="button" value="搜索">
      </div>
      <!-- 导航 -->
      <div class="mbuy-nav clearfix">
        <div class="nav-list">
          <a href="#">
            <img src="./images/ic_bcj.png">
            <p>数据数据</p>
          </a>
        </div>
      </div>
      <!-- 折扣 -->
      <div class="mbuy-discount">
        <p>超值折扣推荐</p>
        <img src="http://www.zuyushop.com/wap/images/more.png">
      </div>
      <!-- 商品 -->
      
      <div class="mbuy-prod">
        <ul class="prod-list">
          <li>
            <a href="inlanddiscount.html">
              <img src="./images/ic_bcj.png">
              <div class="info">
                <p>书生宿舍是书生宿舍是书生宿舍是书生宿舍是书生宿舍是书生宿舍是书生宿舍是<span>价格</span></p>
                <div class="message">
                  <span>京东商城</span>
                  <span>|</span>
                  <span>时间</span>
                  <span class="last">1</span>
                </div>
              </div>
            </a>
          </li>
        </ul>
      </div>

      <!-- 更多优惠 -->
      <div class="mbuy-more clearfix">
        <a href="moneyctrl.html">更多优惠信息>></a>
      </div>
      <!-- 品牌排行 -->
      <div class="mbuy-discount">
          <p>品牌排行</p>
          <img src="http://www.zuyushop.com/wap/images/more.png">
      </div>
      <!-- 底部 -->
      <div class="mbuy-footer">
        <ul>
          <li>登录</li>
          <li>注册</li>
          <li class="goTop"><img src="http://www.zuyushop.com/wap/images/top.jpg">返回顶部</li>
        </ul>
        <p><a href="#" class="mobile">手机APP下载</a> <a href="index.html">慢慢买手机版</a><span>-- 掌上比价平台</span></p>
        <p>m.manmanbuy.com</p>
      </div>
  </div>
 

  <!-- 导航模板 -->
  <script type="text/html" id="tmp">
    {{ each result v i }}
      <div class="nav-list">
        <a href="{{ v.titlehref }}" data-index="{{v.indexmenuId}}">
          {{@ v.img}}
          <p>{{v.name}}</p>
        </a>
      </div>
    {{ /each }}
  </script>

  <!-- 商品列表模板 -->
  <script type="text/html" id="tmp2">
    {{each result v i }}
      <li>
        <a href="inlanddiscount.html">
          {{@ v.productImgSm}}
          <div class="info">
            <p>{{v.productName}}<span>{{v.productPinkage}}</span></p>
            <div class="message">
              <span>{{v.productFrom}}</span>
              <span>|</span>
              <span>{{v.productTime}}</span>
              <span class="last">{{v.productComCount.replace("有","").replace('人评论',"")}}</span>
            </div>
          </div>
        </a>
      </li>
    {{/each}}
  </script>
 
  <script src="./lib/jquery/jquery.min.js"></script>
  <script src="./lib/artTemplate/template-web.js"></script>
  <script src="./lib/iscroll/iscroll.js"></script>
  <script src="./js/common.js"></script>
  <script src="./js/index.js"></script>
</body>
</html>